/*
1:下载插件
2：导入插件
3：注册(Vue.use)
4:实例化（暴露）
   const i18n=new VueI18n({
    locale:'语言标识(aaa,bbb)',
    messages:{
        aaa:{
           message:'hello'
            aaa语言包},
        bbb:{
            message:'你好'
            bbb语言包},
        ....
    }
   })
5:在main.js挂载
   导入
   new Vue({i18n})

使用：
  js:

               import i18n from '...'
    显示内容：  i18n.t('message')
    切换语言：  i18n.locale='语言标识'
               i18n.locale:可获取相应语言标识
  vue
    显示内容：   <span>{{$t('message')}}</span>
                this.$t('message')
    切换语言：   this.$i18n.locale='语言标识'
                this.$i18n.locale也可获取当前语言标识

*/

import VueI18n from 'vue-i18n'
import Vue from 'vue'
import home from './home'
import homeEn from './home_en'
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
import zh from './zh'
import en from './en'
import jsCookie from 'js-cookie'
Vue.use(VueI18n)
/*
持久化：
  存：值改变了就存储到浏览器
  取：初始值取浏览器存储
js-cookie
  get:获取
  set：设置
  remove：删除
*/
const i18n = new VueI18n({
  locale: jsCookie.get('lang') || 'en', // set locale
  messages: {
    en: {
      message: 'hello',
      ...homeEn,
      ...enLocale,
      ...en
    },
    zh: {
      message: '你好',
      ...home,
      ...zhLocale,
      ...zh
    }
  } // set locale messages
})
export default i18n
